/* 
  学习目标：useEffect第二个参数，为空数组。 等同于 componentDidMount钩子函数
*/

import React, { useEffect, useState } from 'react';

export default function App() {
  const [count, setCount] = useState(0);
  const [msg, setMsg] = useState('');

  //  调用useEffect  （state变化时，useEffect会自动执行）
  useEffect(() => {
    console.log('userEffect执行了');
    document.title = count;

    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  // 💥 作用：第二个参数为[]，  等同于 componentDidMount钩子函数，回调函数只会执行一次
  // 💥 用途：请求数据，开启定时器、监听事件

  return (
    <div>
      <button onClick={() => setMsg(msg + '!')}>点我修改Msg</button>
      <button onClick={() => setCount(count + 1)}>点我count+1</button>
    </div>
  );
}
